<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>九州微官网</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<!--标准mui.css-->
	<link rel="stylesheet" href="./css/mui.min.css">
	<!--App自定义的css-->
	<link rel="stylesheet" type="text/css" href="./css/app.css" />
</head>
<body>
	<div id="slider" class="mui-slider">
		<div class="mui-slider-group mui-slider-loop">
			<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
			<div class="mui-slider-item mui-slider-item-duplicate first">
				<a href="#">
						<img src="">
					</a>
			</div>
			<!-- 第一张 -->
			<!-- <div class="mui-slider-item">
				<a href="#">
						<img src="./images/shuijiao.jpg">
					</a>
			</div> -->
			<!-- 第二张 -->
			<!-- <div class="mui-slider-item">
				<a href="#">
						<img src="./images/muwu.jpg">
					</a>
			</div> -->
			<!-- 第三张 -->
			<!-- <div class="mui-slider-item">
				<a href="#">
						<img src="./images/cbd.jpg">
					</a>
			</div> -->
			<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#">
						<img src="">
					</a>
			</div>
		</div>
		<div class="mui-slider-indicator">

		</div>
	</div>
	<div class="ways">
		<div class="intro">
			<img src="./images/ic_01.png" alt="">
			<p>公司介绍</p>
		</div>
		<div class="ying">
			<img src="./images/ic_02.png" alt="">
			<p>诚聘英才</p>
		</div>
		<div class="dai">
			<img src="./images/ic_03.png" alt="">
			<p >代理记账</p>
		</div>
		<div class="regist">
			<img src="./images/ic_04.png" alt="">
			<p >公司注册</p>
		</div>
	</div>
	<div class="ad-img">
		<img src="" alt="">
	</div>
	<footer>
		<div>
			<img src="./images/ic_05.png" alt="">
			<p class="wcolor">首页</p>
		</div>
		<div id="t">
			<img src="./images/ic_09.png" alt="">
			<p>代开票</p>
		</div>
		<div id="r">
			<img src="./images/ic_10.png" alt="">
			<p>个人中心</p>
		</div>
	</footer>
	<script src="./js/mui.min.js"></script>
	<script src="./js/path.js"></script>
	<script src="./js/jquery-3.2.1.min.js" charset="utf-8"></script>
	<script type="text/javascript" charset="utf-8">
		$(".regist").click(()=>window.location.href="./RegisteredCompany.html");
		$(".dai").click(()=>window.location.href="./Bookkeeping.html");
		$(".ying").click(()=>window.location.href="./TalentedPeople.html");
		$(".intro").click(()=>window.location.href="./companydetail.html");
		$('#t').click(()=>window.location.href="./test.html?id=2");
		$('#r').click(()=>window.location.replace("./user.html?id=3"));
		// 加载内容
		$.ajax({
			url:path + '/app/company/intro/detail',
			dataType:'json',
			type:'post',
			success:(data)=>{
				console.log(data);
				$('.ad-img').find('img').attr('src',path + data.data.advImg);
				var img = data.data.slideImg.split(',');
				$('.mui-slider-item-duplicate img').attr('src',path + img[0]);
				var html='';
				var htmls = '';
				for (var i = 0; i < img.length; i++) {
					html+='<div class="mui-slider-item">';
					html+='<a href="#">';
					html+='<img src="'+path+img[i]+'">';
					html+='</a>';
					html+='</div>';
					htmls+='<div class="mui-indicator"></div>';
				}
				$('.first').after(html);
				$('.mui-slider-indicator').append(htmls);
				$('.mui-slider-indicator div').eq(0).addClass('mui-active');
				mui.init({
					swipeBack: true //启用右滑关闭功能
				});
				var slider = mui("#slider");
				slider.slider({
					interval: 1000
				});
			},
			error:(err)=>{
				mui.alert(err.message)
			}
		})
	</script>
</body>

</html>
